This PR upgrades Storybook to version 9 to resolve version conflicts between our build setup (Vite v5) and Storybook (Vite v4). Storybook’s migration tool was used to update stories, imports, and configuration.

TL;DR – Storybook upgrade from v7 → v9

Brings huge leaps in testing, performance, and framework support:

• All-in-one testing – Visual, interaction, accessibility, coverage, and component tests built-in.
• Faster & lighter – Up to 4× faster test runs, smaller installs, and a 48% lighter bundle.
• Better DX – Unified UI, refreshed design, improved controls, and streamlined onboarding.
• Expanded framework support – Svelte 5, React Native, Angular signal I/O, Next.js-Vite, and more.
• Organized at scale – Tags-based filtering, Story globals for themes/locales/viewports.
• Security & stability – Key fixes for Vite/ESBuild and major dependency cleanup.

Full list

1. v8
   • 🩻 Built-in visual testing
   • ⚛️ React Server Component support
   • 🎛️ Improved controls for React and Vue projects
   • ⚡️ Improved Vite architecture, Vitest testing, and Vite 5 support
   • 🧪 2-4x faster Storybooks for testing
   • ✨ Refreshed desktop UI
   • 📲 Rebuilt mobile UX
   • 🙅‍♀️ No more React requirement in non-React projects
2. v8.1
   • 🏷️ Static tag-based filtering
   • 🦺 Type-safe, standards-based module mocking
   • 🐣 New beforeEach test hook
   • 🧳 Portable Stories API for Playwright Component Testing
   • 🐕‍🦺 Support the new signal-based input & output functions in Angular
   • 2️⃣ Two new ways to create stories: generating them from story controls or from your components directly!
3. v8.2
   • 🪝 New test hook beforeAll
   • 🕹️ Enhanced play function
   • 📦 Portable stories that let you use your stories in other testing tools
   • 🎁 Consolidated dependency to bring you better performance in a smaller package
   • ✨ Brand new onboarding experience to get you up to speed quicker
4. v8.3
   • ⚡️ First-class Vitest integration to run stories as component tests
   • 🔼 Next.js-Vite framework for Vitest compatibility and better DX
   • 🗜️ Further reduced bundle size for a smaller install footprint
   • 🌐 Experimental Story globals to standardize stories for themes, viewports, and locales
5. v8.4
   • ▶️ Unified UI for component testing
   • 5️⃣ Svelte 5 and Svelte CSF support
   • ⚛️ React Native Storybook 8 release
   • 🏷️ Tags-based filtering to organize your Storybook
   • 🫧 Dependency cleanup to reduce install footprint
6. v8.5
   • 🦾 Realtime accessibility tests to help build UIs for everybody
   • 🛡️ Project code coverage to measure the completeness of your tests
   • 🎯 Focused tests for faster test feedback
   • ⚛️ React Native Web Vite framework (experimental) for testing mobile UI⚛️
   • 🎁 Storybook test early access program to level up your testing game
7. v8.6
   • 🎁 Storybook Test installer for out-of-the-box tests in new projects
   • 🦾 Accessibility “todo” workflow to systematically fix a11y violations
   • 🗜️ 80% smaller create-storybook package for much faster installs
   • 🧪 Dozens of Test fixes based on user feedback
   • 📕 Docs fixes for table of contents, code snippets, and more
   • 🚨 Key security fixes for Vite and ESbuild
8. v9
   • Component testing
     • 👆 Interactions
     • ♿️ Accessibility
     • 👁️ Visual changes
     • 🛡️ Coverage
   • 🪶 48% lighter bundle
   • 🏷️ Tags-based organization
   • 🌐 Story globals
   • 🏗️ Major upgrades: Svelte, Next, React Native, Angular